একজন ব্যবহারকারী এজেন্ট স্টাইলশিট কী?

Question

আমি গুগল ক্রোমে একটি ওয়েব পৃষ্ঠায় কাজ করছি। এটি নিম্নলিখিত শৈলীর সাথে সঠিকভাবে প্রদর্শিত হয়।

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

এটি লক্ষ করা গুরুত্বপূর্ণ যে আমি এই শৈলীর সংজ্ঞা দিইনি। ক্রোম বিকাশকারী সরঞ্জামগুলিতে এটি সিএসএস ফাইলের নামের পরিবর্তে ব্যবহারকারীর এজেন্ট স্টাইলশিট বলে ।

এখন যদি আমি একটি ফর্ম জমা দিই এবং কিছু বৈধতা ত্রুটি দেখা দেয় তবে আমি নিম্নলিখিত স্টাইলশিটটি পাই:

table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: -webkit-auto;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

font-sizeএই নতুন শৈলী থেকে আমার নকশা ধকল হয়। আমার স্টাইলশিটগুলিকে জোর করার কোনও উপায় আছে এবং যদি সম্ভব হয় তবে ক্রোমের ডিফল্ট স্টাইলশিটটি সম্পূর্ণরূপে ওভাররাইট করা যায়?

Comments

ক্রোম: কীভাবে ব্যবহারকারী এজেন্ট স্টাইলশিট সেটিংস বন্ধ করবেন?

— givanse

এটিও নোট করুন যে ক্রোম (51) এ আপনি কেবলমাত্র সেই দুটি টেবিল এন্ট্রি পাবেন যখন আপনার কাছে ডকটাইপ ঘোষণা নেই। অন্যথায়, আপনি কেবল দ্বিতীয়টি পান।

— জন

আরও সরঞ্জামগুলিতে ক্রোম ক্যাশে সাফ করুন -> ব্রাউজিং ডেটা সাফ করুন

— ডফোর্ড

সম্পর্কিত পোস্ট এখানে । ব্যবহারকারী-এজেন্ট (বা ব্রাউজার) স্টাইল শিট কীভাবে ব্যবহারকারী এবং লেখকের স্টাইল শিটের থেকে পৃথক তা বুঝতে পেরে জিনিসগুলি সহজেই ধারণায়িত করতে সহায়তা করবে।

— আরবিটি

Answer 1

লক্ষ্য ব্রাউজারগুলি কি কি? বিভিন্ন ব্রাউজার বিভিন্ন ডিফল্ট সিএসএস বিধি সেট করে। এই ডিফল্টগুলি সরাতে মাইরওয়েব সিএসএস রিসেট বা নরমালাইজ সিএসএসের মতো কোনও সিএসএস পুনরায় সেট করার চেষ্টা করুন । গুগল "সিএসএস রিসেট বনাম স্বাভাবিককরণ" পার্থক্যগুলি দেখতে।

Comments

আমি প্রতিটি প্রকল্পের আগে আমার সিএসএসকে সর্বদা পুনরায় সেট / স্বাভাবিক করি, এইভাবে ব্রাউজারগুলিতে আপনার "প্রায়" স্তরের ক্ষেত্র থাকে। আমি এর আগে কখনও নেতিবাচক "পার্শ্ব-প্রভাব" এর কথা শুনিনি, আমি নিশ্চিত আপনি যদি গুগলে তাত্ক্ষণিক নজর রাখেন তবে আপনি এটির প্রস্তাবিত বলে মনে করবেন।

— অলিভার মিলিংটন

শৈলীর পুনরায় সেট করা ফর্ম ক্ষেত্রগুলির সাথে বিশেষত ক্ষেত্রের সীমানা বা টাইপ = "ফাইল" এর মতো বহু অংশের উপাদানগুলির সাথে অদ্ভুত ফলাফলের কারণ হতে পারে।

— আপনার মোডগুলি ভালভাবে আচরণ করুন

যদিও পুনরায় সেট / স্বাভাবিক করতে সহায়তা করতে পারে তবে এটি সত্যই প্রশ্নের উত্তর দেয় না, কেন ব্যবহারকারী এজেন্ট স্টাইলশিট পরিবর্তন হচ্ছে? আমার একই সমস্যা আছে যেখানে আমি এসইওর জন্য ব্যবহার করি পূর্ব-রেন্ডারযুক্ত পৃষ্ঠাগুলির জন্য তাদের সংযুক্ত আরব স্টাইলগুলি আলাদা হয়ে যায়। কেন এটি পরিবর্তন হয় সে সম্পর্কে কোনও ধারণা?

— ইয়ারন

ওয়েবপৃষ্ঠায় ক্রোম ডিফল্টভাবে কী সেট করে তা দেখুন: trac.webkit.org/browser/trunk/Source/WebCore/css/html.css

— সন্তোষ কুমার

এটি কোনও উত্তর নয় ... যোগ <!DOCTYPE>করা সঠিকভাবে একটি @ সেবাস দ্বারা

— অমিত শাহ

Answer 2

যদি <!DOCTYPE>আপনার এইচটিএমএল বিষয়বস্তু অনুপস্থিত থাকে তবে আপনি অনুভব করতে পারেন যে ব্রাউজারটি আপনার কাস্টম স্টাইলশীটের চেয়ে "ব্যবহারকারী এজেন্ট স্টাইলশীটকে" অগ্রাধিকার দেয়। ডক্টাইপ যুক্ত করা এটি ঠিক করে।

Comments

এটি একটি দুর্দান্ত ইঙ্গিত। আপনি আমাকে গবেষণার কিছু সময় বাঁচিয়েছেন। ওয়ার্থ উল্লেখ করেছে যে আমার ক্ষেত্রে আমার সেই ডক্টাইপ ঘোষণা ছিল তবে আমার কাছে এর আগে একটি স্ক্রিপ্ট ছিল। দেখে মনে হচ্ছে ডক্টইপিকে অবশ্যই পৃষ্ঠাতে প্রথম জিনিসটি বিবেচনায় আনতে হবে।

— সেবাস

<! DOCTYPE> যুক্ত করা আমার কাছে খুব অদ্ভুত ট্র / টিডি উল্লম্ব প্রান্তিককরণ সমস্যার সমাধান করেছে। এই উত্তরের জন্য ধন্যবাদ।

— র‌্যাল্ফ টি

এটি নিটপিক করছে, তবে <! ডক্টইপিএইচটিএমএল> আমার জন্য সমস্যাটি স্থির করেছে।

— স্টিভ জেলাজনিক

আমি <! ডক্টইপিইএইচটিএমএল> সক্ষম করেছিলাম তবে এখনও স্বাভাবিক রাখতে হয়েছিল।

— antikbd

@ ক্রিসমোরগান সেই স্পেসিফিকেশনটির সাথে উদ্ধৃতি দিয়ে বলেছেন যার সাথে আপনি লিঙ্ক করেছেন: "লিগ্যাসি কারণে ডক্টইপিইগুলি প্রয়োজনীয় হয় When প্রাসঙ্গিক নির্দিষ্টকরণ অনুসরণ করার জন্য সর্বোত্তম প্রচেষ্টা প্রচেষ্টা "। একটি আদর্শ বিশ্বে DOCTYPE প্রয়োজনীয় হবে না। তবে উত্তরটি দাবি করা ঠিক "সত্য নয়" বেশ সাহসী আইএমএইচও, বিশেষত উক্ত সংখ্যার সংখ্যা বিবেচনা করে।

— জেস্পার মাইগিন্ড

Answer 3

"ব্যবহারকারী এজেন্ট স্টাইল শীট" ধারণা সম্পর্কিত, সিএসএস 2.1 স্পেসে ক্যাসকেড বিভাগটি দেখুন consult

ব্যবহারকারীর এজেন্ট শৈলীর শিটগুলি আপনি নিজের স্টাইল শীটে সেট করেছেন এমন কোনও কিছু দ্বারা ওভাররাইড করা হয়। এগুলি কেবল রক নীচে: পৃষ্ঠা বা ব্যবহারকারীর দ্বারা সরবরাহ করা কোনও স্টাইল শীটের অভাবে ব্রাউজারটিকে এখনও কোনওভাবে সামগ্রী রেন্ডার করতে হবে এবং ব্যবহারকারী এজেন্ট স্টাইল শিটটি কেবল এটি বর্ণনা করে।

সুতরাং আপনি যদি মনে করেন কোনও ব্যবহারকারী এজেন্ট স্টাইল শীট নিয়ে আপনার সমস্যা আছে, তবে আপনার মার্কআপ, বা আপনার স্টাইল শীট, বা উভয়ই (যা সম্পর্কে আপনি কিছুই লেখেন নি) নিয়ে আপনার সমস্যা আছে have

Comments

@ জিভান্স, না, আপনি ব্যবহারকারী এজেন্ট স্টাইল শিটের প্রভাবগুলি যখন ওভাররাইড করবেন না তখন দেখতে পান এবং আপনার নমুনা মার্কআপ ব্যতিক্রম নয়। এটি কেবলমাত্র পাঠ্য সামগ্রীতে liদুটি উপাদানযুক্ত একটি উপাদান হিসাবে পার্স করা হবে ul; তারা ব্যবহারকারীর এজেন্ট স্টাইল শীট দ্বারা স্টাইল করা হয়, কিন্তু এই স্টাইলিং ওভাররাইড করা যেতে পারে। (মার্কআপটি অবৈধ কিনা তা প্রসঙ্গে এবং এইচটিএমএল সংস্করণে নির্ভর করে; তবে এটি স্টাইলিংকে প্রভাবিত করে না))

— জুকা কে। কোরপেলা

@ জিভানসে, এই সমস্যাটি "ব্যবহারকারীর স্টাইল শিট কী" এই প্রশ্নের সাথে প্রাসঙ্গিক নয়। আপনি যদি সমস্যাটি গুরুত্বপূর্ণ বলে মনে করেন তবে পর্যাপ্ত বিবরণ সহ এটি একটি নতুন প্রশ্ন হিসাবে পোস্ট করুন। তবে আপনার জাসফিডেলের বুলেট উপাদানটির জন্য সহজ বুলেট liএবং আপনার স্টাইল শীট এটি ওভাররাইড করে না।

— Jukka K. Korpela

Answer 4

প্রথম লাইনে সঠিক ডকুমেন্টের দ্বারা দস্তাবেজটি HTML5 হিসাবে চিহ্নিত করা, আমার সমস্যাটি সমাধান করেছে।

<!DOCTYPE html>
<html>...

Comments

ঠিক কীভাবে এটি কাজ করার কথা বলে আপনি তা ব্যাখ্যা করতে পারেন? এইচটিএমএল 5 কীভাবে অপরিবর্তিত শৈলীর সাথে যুক্ত? আমি নিশ্চিত করব তবে এটি নিশ্চিত করার জন্য আপনার কাছে কোনও প্রস্তুত ফিডল আছে?

— কপিল শর্মা

Answer 5

কোনও ব্যবহারকারী এজেন্ট স্টাইল শীট একটি "ডিফল্ট স্টাইল শীট" ব্রাউজারের দ্বারা সরবরাহ করা (যেমন, ক্রোম, ফায়ারফক্স, এজ ইত্যাদি) "সাধারণ উপস্থাপনা প্রত্যাশাগুলিকে সন্তুষ্ট করে এমনভাবে উপস্থাপন করার জন্য পৃষ্ঠাটি উপস্থাপন করার জন্য।" উদাহরণস্বরূপ, একটি ডিফল্ট শৈল শীট হরফ আকার, সীমানা এবং উপাদানগুলির মধ্যে ব্যবধানের মতো বিষয়গুলির জন্য বেস শৈলী সরবরাহ করে। এটি নিয়োগ করা সাধারণ aব্রাউজারগুলির মধ্যে অসঙ্গতি মোকাবেলায় রিসেট স্টাইল শিটটি ।

নির্দিষ্টকরণ থেকে ...

কোনও ব্যবহারকারী এজেন্টের ডিফল্ট স্টাইল শীটটিতে নথির ভাষার উপাদানগুলিকে এমনভাবে উপস্থাপন করা উচিত যা ডকুমেন্ট ভাষার জন্য সাধারণ উপস্থাপনা প্রত্যাশা পূরণ করে। Cas দ্য ক্যাসকেড ।

সাধারণভাবে ব্যবহারকারী এজেন্ট সম্পর্কে আরও তথ্যের জন্য, ব্যবহারকারী এজেন্ট দেখুন ।

Answer 6

শিরোনামে প্রশ্নের উত্তর দিয়ে, ব্যবহারকারী এজেন্ট স্টাইলশিটটি কী, ব্রাউজারে ডিফল্ট শৈলীর সেট: এখানে তাদের কয়েকটি (এবং আজকের ওয়েবেও সর্বাধিক প্রাসঙ্গিক) এখানে দেওয়া হয়েছে:

• গেকো (ফায়ারফক্স): https://dxr.mozilla.org/mozilla-central/source/layout/style/res/html.css

• ক্রোমিয়াম (ক্রোম): https://chromium.googlesource.com/chromium/src/third_party/+/master/blink/renderer/core/html/resources/html.css

• ওয়েবকিট (সাফারি): https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css

ব্যক্তিগত মতামত: তাদের সাথে যুদ্ধ করবেন না। তাদের ভাল ডিফল্ট মান রয়েছে, উদাহরণস্বরূপ, rtl / বিড়ি ক্ষেত্রে এবং আজকাল সুসংগত। আপনি যা অপ্রাসঙ্গিক দেখেন তা রিসেট করুন, সবগুলি একসাথে নয়।

Answer 7

আপনার নিজের সিএসএস সামগ্রীতে ক্রোমের ব্যবহারকারী এজেন্ট শৈলী থেকে আপনি যে মানগুলি ব্যবহার করতে চান না তার সংজ্ঞা দিন।

Answer 8

কিছু ব্রাউজার .css ফাইলগুলি পড়ার জন্য তাদের নিজস্ব পদ্ধতি ব্যবহার করে। সুতরাং এটি বীট করার সঠিক উপায়: আপনি যদি এইচটিএমএল উত্স কোডে কমান্ড লাইনটি সরাসরি টাইপ করেন তবে এটি .css ফাইলটি মারবে, আপনি ব্রাউজারকে সরাসরি কী করতে হবে তা বলেছিলেন এবং ব্রাউজারটি পড়তে না পজিশনে রয়েছে position .css ফাইল থেকে আদেশগুলি। মনে রাখবেন .html ফাইলে রাইটেন কমান্ডগুলি .css- র কমান্ডের চেয়ে শক্তিশালী।

Answer 9

আমার <ডিভি> এর একজনের ব্রাউজারটি মার্জিন সেট করার সাথে আমারও একই সমস্যা ছিল। এটি বেশ বিরক্তিকর ছিল তবে বেশিরভাগ লোকেরা যেমন বলেছিল, এটি একটি মার্কআপ ত্রুটি।

আমি ফিরে গিয়ে আমার <<< বিভাগটি যাচাই করেছিলাম এবং আমার সিএসএস লিঙ্কটি নীচের মত ছিল:

<link rel="stylesheet" href="ex.css">

আমি typeএটিতে অন্তর্ভুক্ত করেছি এবং এটি নীচের মত তৈরি করেছি:

<link rel="stylesheet" type="text/css" href="ex.css">

আমার সমস্যা সমাধান করা হয়েছিল।

Answer 10

প্রতিটি ব্রাউজার একটি ডিফল্ট স্টাইলশিট সরবরাহ করে, তাকে ব্যবহারকারী এজেন্ট স্টাইলশিট বলা হয়, যদি কোনও এইচটিএমএল ফাইল নির্দিষ্ট করে না। আপনি যে স্টাইলগুলি নির্দিষ্ট করেছেন সেগুলি ডিফল্টগুলিকে ওভাররাইড করে।

আপনি টেবিল উপাদানটির বাক্সের জন্য মানগুলি নির্দিষ্ট না করায়, ডিফল্ট শৈলী প্রয়োগ করা হয়েছে।

Answer 11

আমি এখানে যা পড়েছি তার ভিত্তিতে আমি @ বেনমের প্রতিক্রিয়াটি প্রসারিত করতে চেয়েছিলাম থেকে । কারণ ব্যবহারকারী-এজেন্ট স্টাইলশিট সহায়ক ডিফল্ট স্টাইলিং সরবরাহ করে, এটিকে ওভাররাইড করার আগে দু'বার ভাবেন।

আমার বোবা ত্রুটি হয়েছিল যেখানে Chrome এ বোতামের উপাদানটি ঠিক দেখা যায় নি। আমি এটি আংশিকভাবে স্টাইল করেছিলাম কারণ আমি এটি একটি .তিহ্যবাহী বোতামের মতো দেখতে চাই না। যাইহোক, আমি স্টাইলের উপাদানগুলি যেমন সীমানা, সীমানা-রঙ ইত্যাদি ছেড়ে দিয়েছি তাই ক্রোম সেই অংশগুলি সরবরাহ করার জন্য পদক্ষেপ নিচ্ছিল যা মনে হয়েছিল যে আমি অনুপস্থিত।

আমি একবার শৈলী border: noneইত্যাদি যুক্ত করার পরে সমস্যাটি চলে গেল etc.

সুতরাং অন্য কারও যদি সমস্যা হয় তবে নিশ্চিত হয়ে নিন যে আপনি কোনও উপাদানটির জন্য প্রযোজ্য সমস্ত ডিফল্ট ব্যবহারকারী-এজেন্ট শৈলী স্পষ্টভাবে ওভাররাইড করছেন যদি আপনি দেখতে পান যে এটি অদ্ভুত দেখাচ্ছে, বিশেষত আপনি যদি ব্যবহারকারী এজেন্ট শৈলী সম্পূর্ণরূপে পুনরায় সেট করতে না চান। এটা আমার জন্য কাজ করেছে।

Comments

এটি কি উত্তরের পরিবর্তে মন্তব্য করা উচিত নয়?

— পিটার মর্টেনসেন

@ পিটারমোরটেনসেন হ্যাঁ, তবে আমি মন্তব্য রাখতে পারব না - যথেষ্ট খ্যাতি নেই।

— ব্রেন্ট মিলার

Answer 12

আমার একটা সমাধান আছে এটা যাচাই কর:

ত্রুটি

<link href="assets/css/bootstrap.min.css" rel="text/css" type="stylesheet">

ঠিক

<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">

Comments

এটি কীভাবে কাজ করে এবং কেন এটি সহায়তা করে তা ব্যাখ্যা করার জন্য দয়া করে সম্পাদনা করুন।

— Yunnosch

Answer 13

আপনার সিএসএস ফাইলে নিম্নলিখিত কোডটি রাখুন:

table {
    font-size: inherit;
}

Comments

এটি সত্যিই এই পোস্টে নতুন কিছু যুক্ত করে না। ইতিমধ্যে একটি স্বীকৃত উত্তর রয়েছে, পাশাপাশি আরও 5 টি উত্তর রয়েছে, সুতরাং দয়া করে দেরীতে উত্তর পোস্ট করবেন না।

— কাস্পার লি